<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>个人中心</title>
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="../css/bootstrapValidator.css"/>
		<link rel="stylesheet" type="text/css" href="../css/personalAdmin.css"/>
	</head>
	<body>
		<!--导航条开始-->
		<nav class="navbar navbar-default navbar-fixed-top">
			<div class="container">
				<div class="navbar-header">
					<a class="navbar-brand" href="#"><img src="../img/logo.png" alt="logo"/></a>
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
						<!--<span class="sr-only">切换导航</span>-->
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
				</div>
				<div class="collapse navbar-collapse" id="navbar-collapse">
					<ul class="nav navbar-nav navbar-left">
						<li class="active"><a href="personalAdmin.html">人员管理</a></li>						
					</ul>
					<p class="navbar-text navbar-right"><a class="navbar-link" data-toggle="modal"href="#changePasswordModal">修改密码</a></p>
				</div>
			</div>
		</nav>
		<!--导航条结束-->
		
		<!--内容一开始-->
		<div class="eq-tab1">
			<div class="container">
				<h2 class="eq-tab1-h2">体育馆人员信息情况</h2>
				<form class="form-inline eq-tab1-form"  method="post">
					<div class="form-group">
						<label class=" control-label">查询:</label>
						<input class="form-control" type="text" name="accountSer" id="accountSer" placeholder="例如：201411701101" />
						<input class=" btn btn-default" id="search-eq" type="button" value="查询"/>
						<button type="button" class="btn btn-default" data-toggle="modal" data-target="#addModal">新增</button>
						
						
					</div>
				</form>
				<!-- 新增模块框开始 -->
					<div class="modal" id="addModal" tabindex="-1">
			        	<div class="modal-dialog">
			        		<div class="modal-content">
			        			<div class="modal-header">
			        				<button type="button" class="close" data-dismiss="modal">
			        					<span>&times;</span>
			        				</button>
			        				<h4 class="modal-title">人员信息</h4>
			        			</div>
			        			<div class="modal-body">
			        				<form action="" method="post" class="form-group" id="eq-rent-modal">
			        					<div class="form-group">
											<label for="eq-id">用户名:</label>
											<input type="text" name="usernameAdd" class="form-control" id="usernameAdd" placeholder="中文或英文"  />
										</div>
										<div class="form-group">
											<label for="eq-name">账号:</label>
											<input type="text" name="accountAdd" class="form-control" id="accountAdd" placeholder="例如：201411701101" />
										</div>
										<div class="form-group">
											<label for="eq-role">角色:</label>
											<select class="form-control" id="roleAdd">
											  <option value="1">赛事管理员</option>
											  <option value="2">器材管理员</option>
											  <option value="3">场地管理员</option>
											</select>		
										</div>
			        				</form>
			        			</div>
			        			<div class="modal-footer">
			        				<button type="button" class="btn btn-primary" id="btn-add">提交</button>
			        				<button type="button" class="btn btn-default" data-dismiss="modal">取消</button></div>
			        			</div>
			        		</div>
			        	</div>	
				<!-- 新增模块框结束 -->
				
				<!-- 修改密码模块框开始 -->
					<div class="modal" id="changePasswordModal" tabindex="-1">
			        	<div class="modal-dialog">
			        		<div class="modal-content">
			        			<div class="modal-header">
			        				<button type="button" class="close" data-dismiss="modal">
			        					<span>&times;</span>
			        				</button>
			        				<h4 class="modal-title">修改密码</h4>
			        			</div>
			        			<div class="modal-body">
			        				<form action="" method="post" class="form-group" id="eq-rent-modal">
			        					<div class="form-group">
											<label for="eq-id">旧密码:</label>
											<input type="password" name="oldPassword" class="form-control" id="oldPassword" placeholder="请输入旧密码"  />
										</div>
			        					<div class="form-group">
											<label for="eq-id">新密码:</label>
											<input type="password" name="changePassword" class="form-control" id="changePassword" placeholder="长度10到20位"  />
										</div>
										<div class="form-group">
											<label for="eq-name">确认密码:</label>
											<input type="password" name="repChangePassword" class="form-control" id="repChangePassword" placeholder="长度10到20位" />
										</div>
										
			        				</form>
			        			</div>
			        			<div class="modal-footer">
			        				<button type="button" class="btn btn-primary" id="changPasswordBtn">提交</button>
			        				<button type="button" class="btn btn-default" data-dismiss="modal">取消</button></div>
			        			</div>
			        		</div>
			        	</div>	
				<!-- 修改密码模块框结束 -->
				
				
				<div class="eq-table">
					<table class="table table-bordered table-hover">
					<tr>
						<th class="text-center">用户名</th>
						<th class="text-center">账号</th>
						<th class="text-center">角色</th>
						<th class="text-center">修改</th>
						<th class="text-center">删除</th>
					</tr>
				</table>
				</div>
					
			</div>
		</div>
		<!--内容一结束-->
		
		
		
		
		<!--底部footer开始-->
		<footer id="footer" class="text-muted bottom">
			<div class="containe">
				<p>管理系统 | 合作联系</p>
				<p>503工作室.体育光管理系统。Powered by Bootstrap</p>
			</div>
		</footer>
		<!--底部footer结束-->
		
		
		<!--人员信息修改模态框开始-->
		<div class="modal" id="eq-update" tabindex="-1">
        	<div class="modal-dialog">
        		<div class="modal-content">
        			<div class="modal-header">
        				<button type="button" class="close" data-dismiss="modal">
        					<span>&times;</span>
        				</button>
        				<h4 class="modal-title">人员信息</h4>
        			</div>
        			<div class="modal-body">
        				<form action="" method="post" class="form-group" id="eq-rent-modal">
        					<div class="form-group">
								<label for="eq-id">用户名:</label>
								<input type="text" name=username class="form-control" id="username"  disabled="disabled" />
							</div>
							<div class="form-group">
								<label for="eq-name">账号:</label>
								<input type="text" name="account" class="form-control" id="account" disabled="disabled"/>
							</div>
							<div class="form-group">
								<label for="eq-role">角色:</label>
								<select class="form-control" id="role">
								  <option value="0">普通用户</option>
								  <option value="1">赛事管理员</option>
								  <option value="2">器材管理员</option>
								  <option value="3">场地管理员</option>
								</select>		
							</div>
        				</form>
        			</div>
        			<div class="modal-footer">
        				<button type="button" class="btn btn-primary" id="btn-update">提交</button>
        				<button type="button" class="btn btn-default" data-dismiss="modal">取消</button></div>
        			</div>
        		</div>
        	</div>
		<!--人员信息修改模态框结束-->
		<script src="../js/jquery-3.2.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/bootstrapValidator.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/js.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/personalAdmin.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				/*进去页面就获取用户数据*/
				getAllUser();
			});
		</script>
	</body>
</html>
